/*
	Project		: SUMMON
	Developer	: APPropolis Inc.
	Programmer	: Mark Vincent M. Lorenzo
	(c) 2013
*/
.box {
    border-radius: 4px 4px 4px 4px;
    font: 12px/12px arial,helvetica,sans-serif;
    margin: -10px 10px 5px;
    min-width: 100px;
    padding: 13px 50px;
}
.construction strong {
    margin-right: 10px;
}
.information strong {
    margin-right: 10px;
}
.success-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #EFFFB9;
    background-image: url("../img/success.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #99C600;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 -2px 2px #E2F897 inset;
}
.error-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #FCCAC2;
    background-image: url("../img/error.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #EB5339;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #FCB7AC inset;
}
.warning-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #FFEAA8;
    background-image: url("../img/warning.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #F9B416;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 -2px 2px #FFE285 inset;
}
.information-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #D0E4F4;
    background-image: url("../img/info.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #4D8FCB;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #BBD9F1 inset;
}
.tip-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #FFEAC8;
    background-image: url("../img/bulb.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #D38E4A;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #FFE2B3 inset;
}
.message {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #F2F2F2;
    background-image: url("../img/message.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #AAAAAA;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #DDDDDD inset;
}
.download-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #EFFFB9;
    background-image: url("../img/download.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #99C600;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 -2px 2px #E2F897 inset;
}
.edit-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #FFEAA8;
    background-image: url("../img/edit.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #F9B416;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 -2px 2px #FFE285 inset;
}
.chat-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #D0E4F4;
    background-image: url("../img/chat.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #4D8FCB;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #BBD9F1 inset;
}
.lock-box {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #F2F2F2;
    background-image: url("../img/lock.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border: 1px solid #AAAAAA;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #DDDDDD inset;
}
.construction-box {
    background: url("../img/construction.png") no-repeat scroll 10px center #FFEAC8;
    border: 1px solid #D38E4A;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px #FFE2B3 inset;
}
